/*
    RRS STYLES
*/

html, body {
    height: 100%;
    width: 100%;
    margin: 0px;
    padding: 0px;
    background-color: #EEEEEE;
}

#main {
    font-family:'lucida grande',tahoma,verdana,arial,sans-serif;
    font-size:12px;
}

#main #topStatusBar {
    font-weight: bold;
    color:#FFFFFF;
    padding: 5px;
    border:1px solid #333333;
    background-image: url('../images/topBarBg.png');
    background-repeat: repeat-x;
}

#main #indexContentArea {
    padding: 0px 15px 0px 10px;
    text-align: center;
}

#main #indexContentArea #indexContainer {
    padding-top: 60px;
    margin:auto;
    width:720px;
    text-align: left;
}

#indexFormsMainBox {
    float:left;
    height:450px;
    border:1px solid #AAAAAA;
    width:100%;
    background-color:#FFFFFF;
}

.formContainer {
    float:left;
    width:300px;
    margin: 0px 20px 20px 20px;
}

#formsSeparator {
    float:left;
    margin: 20px 10px 20px 10px;
    border-right: 1px solid #CCCCCC;
    height: 410px;
}

.title1 {
    font-size:22px;
    font-weight:bold;
    border-bottom: 1px solid #CCCCCC;
    padding-bottom: 5px;
    margin-top: 20px;
}

.registeredUserTitleBg {
    background-image: url('../images/login.png');
    background-repeat: no-repeat;
    padding-left: 35px;
}

.newUserTitleBg {
    background-image: url('../images/add.png');
    background-repeat: no-repeat;
    padding-left: 35px;
}

p#authenticateUserFormStatusMessage, p#createNewAccountFormStatusMessage {
    font-weight: normal;
}

div.inputLabel {
    margin-top:10px;
    padding-bottom: 2px;
    font-weight: bold;
}

input {
    padding: 4px;
    outline:none;
    font-size: 12px;
}

select {
    padding:4px;
    outline:none;
    font-size: 12px;
}

label, input[type="radio"] {
  vertical-align:middle;
  margin-right: 5px;
}


.focusField {
    border:solid 2px #73A6FF;
    background:#EFF5FF;
    color:#000;
    width: 100%;
}

.idleField {
    background:#FFFFFF;
    color: #333333;
    border: solid 2px #DFDFDF;
    width: 100%;
}

.errorField {
    border:solid 2px #E77B7B;
    background:#F9DBDB;
    color:#000;
    width: 100%;
}

.errorLabel {
    color: #E77B7B;
    font-weight: bold;
}

.errorMessageBox {
    border:solid 2px #E77B7B;
    background:#F9DBDB;
    color:#000;
    font-weight: bold;
    padding: 5px 5px 5px 40px;
    background-image: url('../images/error.png');
    background-repeat: no-repeat;
    background-position: 5px 8px;
}

.requiredFieldIndicator {
    color: red;
    font-weight: bold;
    font-size: 12px;
}

.waitingCursor {
    cursor: progress;
}

.internalBox {
    float: left;
    margin: 10px;
    border: 1px solid #CCCCCC;
    background-color: #FFFFFF;
}

.internalBoxHeader {
    background-color: #CCCCCC;
    font-weight: bold;
    padding: 5px;
}

.internalBoxBody {
    padding: 0px;
    overflow: auto;
}

.userRowContainer {
    padding: 5px;
    border-bottom: 1px solid #CCCCCC;
    cursor: pointer;
    font-weight: bold;
}

.userRowContainerHighlight {
    background-color: #CC6600;
    font-weight: bold;
    color: #FFFFFF;
}

.userRowContainerSoftHighlight {
    background-color: #FFCC99;
}

#indexCopyrightLine {
    float:right;
    text-align: right;
    margin-top: 10px;
    font-weight: bold;
    font-size: 10px;
}

#homeContentContainer {
    padding: 0px 15px 0px 10px;
}

#homeLogoContainer {
    height: 100px;
    padding: 0px 10px 0px 10px;
}

#homeTabsContainer {
    font-family: Verdana;
    font-size: 12px;
    width: 100%;
}

#homeCalendarContainer {
    width: 100%;
    height: 500px;
}

/* JQUERY */

.ui-corner-all {
    -moz-border-radius: 0px 0px 0px 0px;
}

.ui-tabs .ui-tabs-panel {
    padding: 0px;
    float: left;
    width: 100%;
}

.ui-dialog-title {
    font-size: 12px;
}

.ui-datepicker {
    z-index:10100;
}

.ui-widget {
    font-size: 12px;
}

.disableReservation,
.fc-agenda .disableReservation .fc-event-time,
.disableReservation a {
    background-color: #CCCCCC; /* background color */
    border-color: #CCCCCC;     /* border color */
    color: #333333;           /* text color */
    cursor: default;
}